<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.css">
</head>

<body>
    <div class="header-reg regwrap">
        <div class="searchBox">
            <ul class="searchtop">
                <!-- <li><a href="#">登录</a>
                <li><a href="#">注册</a> -->
                <li><a href="./login.html">登录</a>&nbsp;<i>|</i>&nbsp; </li>
                <li><a href="./register.html">注册</a>&nbsp;<i>|</i>&nbsp; </li>
                <li><a href="./shopcar.html">购物车</a>&nbsp;<i>|</i>&nbsp;
                </li>
                <li><a>订购热线:&nbsp;&nbsp;&nbsp;<span>400-884-1919</span> </a>
                </li>
            </ul>
        </div>

        <div class="clear">
        </div>

        <div class="search-center">
            <div class="logo float_left">
                <img src="../images/logo01.png" alt="">
            </div>
            <div class="logo1 float_left">
                <img src="../images/_tips2.jpg" alt="">
            </div>
            <div class="search_c">

                <div class="search_input">
                    <img src="../images/fdj.PNG" alt="">
                    <input type="text" id="txt">
                    <div id="btn"></div>
                </div>
            </div>
            <div class="search-r float_right">
                <img src="../images/tips3.jpg" alt="">
            </div>
        </div>
    </div>
    <div id="navList">
        <div class="navList regwrap">
            <div class="navList_l float_left">
                <div class="navH">
                    <p>商品分类</p>
                </div>
            </div>
            <div class="menu_list1 float_left">
                <ul>
                    <li><a href="../html/index.html">首页</a></li>
                    <li><a href="#">列级名庄</a></li>
                    <li><a href="#">场合选酒</a></li>
                    <li><a href="#">活动专区</a></li>
                    <li><a href="#">积分商城</a></li>
                    <li><a href="#">店面展示</a></li>
                    <li><a href="#">招商加盟 </a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="Xqtit regwrap">
        <h3>

        </h3>
    </div>
    <div class="showShopimg regwrap">
        <div class="scaleContainer float_left">
            <div class="showShopimg_l ">
                <div class="wrap"></div>
                <!-- 左侧放大镜图片 -->
                <img>
                <!-- 最小的小盒子 -->
                <span class="grayBox"></span>
            </div>
        </div>
        <div class="scaleImg">
            <img>
        </div>

        <!-- 1 -->



        <!-- 1 -->
        <div class="showShopimg_r float_left">
            <h2></h2>

            <div class="salePirce">
                <p>
                    会员价：
                </p>
                <span>

                </span>
                <p>
                    /瓶
                </p>
                <h4>零售价：<del>￥998.00</del></h4>
            </div>
            <p>赠送积分：100积分的用途登录 后可查看等级奖励积分</p>
            <div class="carBtn">
                <button id="shopcarBtn"></button>
                <img src="../images/qq.PNG" alt="">

            </div>
        </div>

    </div>
    <div class="footer-wrap1 regwrap">
        <div class="footerCenter1">
            <ul class="footCenter1_l">
                <li>
                    <h3>购物指南</h3>
                    <p><a href="#">购物演示</a></p>
                    <p><a href="#">新用户注册</a></p>
                    <p><a href="#">会员积分</a></p>

                </li>
                <li>
                    <h3>支付帮助</h3>
                    <p><a href="#">在线支付</a></p>
                    <p><a href="#">货到付款</a></p>
                    <p><a href="#">银行转账</a></p>
                    <p><a href="#">支票支付</a></p>
                    <p><a href="#">发票说明</a></p>
                </li>
                <li>
                    <h3>配送服务</h3>
                    <p><a href="#">运费收取标准</a></p>
                </li>
                <li>
                    <h3>售后服务</h3>
                    <p><a href="#">服务保障承诺</a></p>
                    <p><a href="#">如何办理退换货</a></p>
                </li>

            </ul>
            <div class="footerCenter1_r float_right">
                <img src="../images/telinfo.gif" alt="">

            </div>

        </div>
    </div>

    <div class="bottomLinks regwrap">
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#"> 帮助中心</a>
        <a href="#">友情链接</a>
        <a href="#">人才招聘</a>
        <a href="#">招商加盟</a>
    </div>

    </div>
    <div class="footlast regwrap">
        <p>copyright © 2009-2018 www.19online.cn | 经营许可证：粤b2-20080416|粤icp备：06088898号</p>
    </div>



    <script src="../js/utils.js"></script>
    <script src="../js/data.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        var p = location.search;
        p = p.substring(1)
        var arr = p.split('=')
        var obj = {};
        obj[arr[0]] = arr[1];
        var res = data1.filter(function (item, index) {
            return item.id == obj.id
        })
        var mf = new Magnifier();
        res.forEach(function (item, index) {
            var tit = item.title
            document.querySelector(".Xqtit h3").innerHTML = '你现在的位置:首页>白酒>>' + tit
            $(".showShopimg_r h2").html(tit);
            $(".salePirce span").html(item.price);
            document.querySelector(".showShopimg_l img").src = item.imgsrc
            document.querySelector(".scaleImg img").src = item.imgsrc
        })
        $("#shopcarBtn").on("click", function () {
            console.log(1)
        })
    </script>
</body>

</html>